.socket-form[data-v-f159f9d4]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.format-section[data-v-f159f9d4],.kafka-options-section[data-v-f159f9d4]{margin-top:24px;padding:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px}.subsection-title[data-v-f159f9d4]{margin:0 0 16px;font-size:16px;font-weight:600;color:#495057;padding-bottom:8px;border-bottom:1px solid #dee2e6}.kafka-options-section[data-v-f159f9d4]{border-left:4px solid #28a745}.format-section[data-v-f159f9d4]{border-left:4px solid #007bff}.color-section[data-v-17c93af2],.palette-section[data-v-17c93af2],.template-preview[data-v-17c93af2]{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.subsection-title[data-v-17c93af2]{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.color-picker-container[data-v-17c93af2]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.color-input-group[data-v-17c93af2]{display:flex;flex-direction:column}.color-label[data-v-17c93af2]{font-size:13px;font-weight:500;color:#374151;margin-bottom:8px}.color-input-wrapper[data-v-17c93af2]{display:flex;align-items:center;gap:8px}.color-input[data-v-17c93af2]{width:50px;height:40px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;background:none;outline:none}.color-input[data-v-17c93af2]::-webkit-color-swatch-wrapper{padding:0}.color-input[data-v-17c93af2]::-webkit-color-swatch{border:none;border-radius:4px}.color-text-input[data-v-17c93af2]{flex:1}.color-preview-section[data-v-17c93af2]{display:flex;flex-direction:column}.node-preview[data-v-17c93af2]{width:120px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;margin-top:8px;transition:all .3s ease}.preview-text[data-v-17c93af2]{color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.color-palette[data-v-17c93af2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;max-width:500px}.palette-color[data-v-17c93af2]{width:40px;height:40px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.palette-color[data-v-17c93af2]:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.palette-color.active[data-v-17c93af2]{border-color:#374151;box-shadow:0 0 0 2px #e5e7eb}.template-preview[data-v-17c93af2]{background:#f9fafb;border-radius:6px;padding:16px}.preview-container[data-v-17c93af2]{border:1px solid #d1d5db;border-radius:4px;padding:12px;background:#fff;min-height:60px;display:flex;align-items:center;justify-content:center}.template-render[data-v-17c93af2]{max-width:100%;max-height:200px;overflow:auto}.preview-note[data-v-17c93af2]{margin-top:8px;font-size:12px;color:#6b7280;margin-bottom:0}.deployment-form[data-v-982e03b0]{background:#fff;border-radius:6px}.config-section[data-v-982e03b0]{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.config-section[data-v-982e03b0]:last-child{border-bottom:none;margin-bottom:0}.subsection-title[data-v-982e03b0]{margin:0 0 16px;font-size:14px;font-weight:600;color:#374151}.auth-type-section[data-v-982e03b0]{margin-bottom:20px}.auth-config[data-v-982e03b0]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px;margin-bottom:16px}.auth-method-header[data-v-982e03b0]{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-weight:600;color:#374151;font-size:14px}.auth-info[data-v-982e03b0]{margin-top:12px;padding:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px}.info-text[data-v-982e03b0]{margin:0;font-size:12px;color:#1e40af;line-height:1.4}.additional-auth[data-v-982e03b0]{margin-top:16px}.config-preview[data-v-982e03b0]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.preview-grid[data-v-982e03b0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.preview-item[data-v-982e03b0]{display:flex;flex-direction:column;gap:4px}.preview-item strong[data-v-982e03b0]{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.preview-item span[data-v-982e03b0]{font-size:14px;color:#374151;word-break:break-all}.value-section[data-v-8ec2790a],.config-section[data-v-8ec2790a]{margin:20px 0;padding:16px;border:1px solid #e5e7eb;border-radius:6px;background:#fafafa}.section-title[data-v-8ec2790a]{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.dropdown-config[data-v-8ec2790a],.options-section[data-v-8ec2790a]{margin-bottom:16px}.section-header[data-v-8ec2790a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.options-title[data-v-8ec2790a]{margin:0;font-size:13px;font-weight:600;color:#374151}.empty-options[data-v-8ec2790a]{text-align:center;padding:16px;color:#6b7280;background:#fff;border:2px dashed #d1d5db;border-radius:4px;font-size:13px}.option-item[data-v-8ec2790a]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.option-input[data-v-8ec2790a]{flex:1}.default-selection[data-v-8ec2790a]{margin-top:12px}.form-actions[data-v-8ec2790a]{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.parameter-preview[data-v-8ec2790a]{margin-top:20px;padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px}.preview-item[data-v-8ec2790a]{display:flex;gap:8px;font-size:13px;margin-bottom:6px}.preview-item strong[data-v-8ec2790a]{color:#374151;min-width:100px}.preview-item[data-v-8ec2790a]:last-child{margin-bottom:0}.form-section[data-v-55e49d14]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.section-header[data-v-55e49d14]{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.section-icon[data-v-55e49d14]{color:#3b82f6;font-size:20px;margin-top:2px}.section-title-group[data-v-55e49d14]{flex:1}.section-title[data-v-55e49d14]{margin:0 0 4px;font-size:20px;font-weight:600;color:#1f2937}.empty-state[data-v-55e49d14]{text-align:center;padding:48px 24px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280}.empty-icon[data-v-55e49d14]{font-size:48px;color:#d1d5db;margin-bottom:16px}.empty-state h4[data-v-55e49d14]{margin:0 0 8px;font-size:18px;font-weight:600;color:#374151}.empty-state p[data-v-55e49d14]{margin:0 0 24px;font-size:14px}.socket-card[data-v-55e49d14],.parameter-card[data-v-55e49d14]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:16px;transition:all .2s ease}.socket-card[data-v-55e49d14]:hover,.parameter-card[data-v-55e49d14]:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.socket-header[data-v-55e49d14],.parameter-header[data-v-55e49d14]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.socket-title[data-v-55e49d14],.parameter-title[data-v-55e49d14]{display:flex;align-items:center;gap:8px}.socket-icon[data-v-55e49d14],.parameter-icon[data-v-55e49d14]{color:#3b82f6;font-size:16px}.socket-title h4[data-v-55e49d14]{margin:0;font-size:16px;font-weight:600;color:#374151}.parameter-key[data-v-55e49d14]{font-weight:600;color:#374151;font-size:14px}.parameter-value[data-v-55e49d14]{padding:8px 0;font-size:13px;color:#6b7280}.parameter-value strong[data-v-55e49d14]{color:#374151}.parameters-grid[data-v-55e49d14]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.tags-input[data-v-55e49d14]{width:100%}@media (max-width: 768px){.section-header[data-v-55e49d14]{flex-direction:column;align-items:flex-start;gap:16px}.parameters-grid[data-v-55e49d14]{grid-template-columns:1fr}}